<template>
  <a-modal
    v-model:visible="visible"
    width="400px"
    title-align="start"
    align-center
    render-to-body
    :mask-closable="false"
    class="dmo-loading-dialog"
  >
    <icon-loading style="margin-right: 10px; color: #0052d9" />正在确认
    {{ props.total }}
    条需求，请等待...
  </a-modal>
</template>

<script setup lang="ts">
  import { ref, defineProps } from 'vue';

  const props = defineProps({
    total: {
      type: Number,
      default: 0,
    },
  });
  const visible = ref(true);
</script>

<style lang="less">
  .dmo-loading-dialog {
    .arco-modal-header {
      display: none;
    }

    .arco-modal-body {
      padding: 13px 18px;
    }

    .arco-modal-footer {
      display: none;
    }
  }
</style>
